<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                template="/templates/ui.xhtml">

    <ui:define name="head">
    </ui:define>

    <ui:define name="content">
        <div class="entry" id="top">
            <h:form id="form">
                <div style="margin-top: 20px;">
                    <p:outputPanel>
                        <h:outputText value="Options: "/>
                        <p:selectOneRadio id="options" value="#{scheduleAction.test}">
                            <f:selectItem itemLabel="Option 1" itemValue="1"/>
                            <f:selectItem itemLabel="Option 2" itemValue="2"/>
                            <f:selectItem itemLabel="Option 3" itemValue="3"/>
                        </p:selectOneRadio>
                        <h:selectOneRadio id="options22" value="#{scheduleAction.test}">
                            <f:selectItem itemLabel="Option 1" itemValue="1"/>
                            <f:selectItem itemLabel="Option 2" itemValue="2"/>
                            <f:selectItem itemLabel="Option 3" itemValue="3"/>
                        </h:selectOneRadio>
                    </p:outputPanel>

                    <h3>Custom Layout</h3>
                    <p:outputPanel id="customPanel">
                        <h:outputText value="Options1: "/>
                        <p:selectOneRadio id="customRadio" value="#{scheduleAction.test}" layout="custom">
                            <f:selectItem itemLabel="Option 1" itemValue="1"/>
                            <f:selectItem itemLabel="Option 2" itemValue="2"/>
                            <f:selectItem itemLabel="Option 3" itemValue="3"/>
                        </p:selectOneRadio>

                        <h:panelGrid columns="3">
                            <p:radioButton id="opt1" for="customRadio" itemIndex="0"/>
                            <h:outputLabel for="opt1" value="Option 1"/>
                            <p:spinner/>

                            <p:radioButton id="opt2" for="customRadio" itemIndex="1"/>
                            <h:outputLabel for="opt2" value="Option 2"/>
                            <p:inputText/>

                            <p:radioButton id="opt3" for="customRadio" itemIndex="2"/>
                            <h:outputLabel for="opt3" value="Option 3"/>
                            <p:calendar/>
                        </h:panelGrid>
                    </p:outputPanel>
                </div>

            </h:form>
        </div>
    </ui:define>

</ui:composition>